/*body{font-size: 12px; font-family:arial, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', '宋体', \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti; background:transparent;background-color:#f5f5f5;}*/
div,ul,li,h2{padding:0; margin:0;}
/*ul,li{list-style:none;}*/
a,a:focus {outline:none; -moz-outline:none; text-decoration:none;}
/*img{border:none; vertical-align:middle; max-width: 100%;}*/
a:hover{text-decoration:none; color:#237DED;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{vertical-align:middle;}
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pd0{padding:0;}
.mg0{margin:0;}
.text-orange{color:#F60;}
/*首页样式*/
.wrapper{width:1000px; height:100%; margin:0 auto; position:relative;}
.btn{min-width:80px;}
.btn-success:focus,.btn-success:active{border:1px solid #6CA932; outline:none;}
.label{border-radius:0;}
/*首页header*/
.header{height:65px; width:100%; border-bottom:1px solid #ebebeb; background:#fff; z-index:1;}
.header .logo img{height:49px; margin-top:8px;}
.header ul{height:65px;}
.header ul li{float:left; height:65px; width:143px; border-left:1px solid #ebebeb;}
.header ul li.info{width:auto; padding:0 37px;}
.header ul li:last-child{border-right:1px solid #ebebeb;}
.header ul li a{color:#333; font-size:16px; padding:0; width:100%; height:64px; line-height:50px; text-align:center; font-weight:400; border-top:7px solid #fff; background:#fff;}
.header ul li.active a{border-top: 7px solid #237ded; background:#f9f9f9;}
.header .nav>li>a:hover,.header .nav>li>a:focus{background-color:#fff;}
/*nav-secondary*/
.nav-secondary{height:75px; width:100%;}
.nav-secondary ul{padding:26.5px 0 0; margin-left:-20px;}
.nav-secondary ul li{float:left; font-size:16px; padding:0 20px; border-right:1px solid #d3d3d3;}
.nav-secondary ul li:last-child{border:0;}
.nav-secondary ul li a{color:#333; /*border-bottom:3px solid #f5f5f5;*/}
.nav-secondary ul li.active a{border-bottom:3px solid #237ded;}
.nav-secondary .breadcrumb li a{color:#333; font-size:16px;}
.nav-secondary .breadcrumb{margin-top:20px;}
/*search*/
.search{width:400px; margin-top:20.5px; position:relative;}
.search .hot-search{display:none; position:absolute; width:400px; padding:15px; z-index:999; background:#f9f9f9; border: 1px solid #d6d6d6; box-shadow: 2px 2px 8px rgba(0,0,0,.3); top:40px; left:0; box-sizing:border-box; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; }
.search .hot-search-list{margin-top:5px;}
.search .hot-search-list a{display:inline-block; border:1px solid #d6d6d6; color:#666; white-space:nowrap; padding:5px 10px; margin:0 5px 5px 0;}
.search .hot-search-list a:hover{color:#237ded;}
/*内容区*/
.panel{box-shadow:0 1px 3px #ddd; margin:0; padding:0;}
.main-container a:hover,.app-selection .box .list ul li p a:hover,.appbody-container .newest a.title:hover,.appbody-container .hot a.title:hover,.appbody-container .tabs .items .title:hover,.appbody-right .list-item .info .name:hover,.appbody-container .more-btn a:hover, .appbody-container .more-btn a:hover i,.appbody-container .cate-list dd a:hover,.search-list .search-panel .ser-con a:hover{color:#237ded;}
/*应用精选*/
.main-container .panel-heading{font-size:16px; background:#fff;}
.main-container .btn-site-gui:hover{color: #fff;}
.app-selection{height:175px; width:100%; margin-bottom:15px; }
.app-selection a.pre,.app-selection a.next{width:22px; height:22px; display:inline-block; margin-top:54px;}
.app-selection a.pre{margin-left:30px;}
.app-selection a.next{margin-right:30px;}
.app-selection a i{display:inline-block; width:22px; height:22px; font-size:22px; color:#6CA932;}
.app-selection .box{position:relative; height:130px; width:894px; overflow:hidden;}
.app-selection .box .list{position:absolute; left:0; top:0; height:130px;}
.app-selection .box .list ul{float:left; height:130px;}
.app-selection .box .list ul li{width:127.4px; height:130px; padding:0 6px; float:left; overflow:hidden;}
.app-selection .box .list ul li a.avt{display:block; padding-top:18px;}
.app-selection .box .list ul li a.avt img,.appbody-container .newest li a.avt img,.appbody-container .hot li a.avt img{border-radius:6px; width:64px; height:64px; }
.app-selection .box .list ul li p a{display:inline-block; width:100%; height:25px; line-height:25px; margin:3px auto 0; color:#333; font-size:15px; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}
/*最新模块,热门付费模块*/
.appbody-container{width:100%;}
.appbody-container .newest .panel,.appbody-container .hot .panel{height:323px; margin-bottom:15px; overflow:hidden;}
.appbody-container .newest li,.appbody-container .hot li{width:12.5%; height:140px; text-align:center; float:left; list-style:none;}
.appbody-container .newest li a.avt,.appbody-container .hot li a.avt{display:block; padding-top:15px;}
.appbody-container .newest a.title,.appbody-container .hot a.title{display:block; font-size:15px; color:#333; width:100%; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:24px; line-height:24px; margin:3px auto 0; }
.appbody-container .newest li .date,.appbody-container .hot li .sales{height:20px; line-height:20px;}
/*最新模板,商业版免费模板,授权版免费模板*/
.appbody-container .tabs{ overflow:hidden; max-height:603px;}
.appbody-container .tabs .menu{width:100%; position:relative;}
.menu .current { position: absolute; bottom:0; background:#f2f2f2; height:2px; width:100%;}
.appbody-container .category-tab-tit{height:45px;}
.appbody-container .category-tab-tit .tab{position:relative; z-index:999; width:33.33%; float:left; height:45px; line-height:45px; text-align:center; overflow:hidden;}
.appbody-container .category-tab-tit .tab a{display:inline-block; width:100%; height:100%; font-size:16px; color:#333;}
.appbody-container .category-tab-tit .tab a .bor {height:2px; width:100%; position:absolute; left:0; bottom:0; transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); -moz-transform:translateX(-100%); -webkit-transform:translateX(-100%); background-color:#237ded;}
.appbody-container .category-tab-tit .active a{color:#237ded;}
.appbody-container .category-tab-tit .tab a:hover .bor ,.appbody-container .category-tab-tit .tab.active a .bor{ transform: translateX(0%); -ms-transform:translateX(0%); -o-transform:translateX(0%); -moz-transform:translateX(0%); -webkit-transform:translateX(0%); transition: all 800ms ease; -moz-transition: all 800ms ease; -o-transition: all 800ms ease; -webkit-transition: all 800ms ease;}
.appbody-container .tabs .items{float:left; width:20%; padding:15px;}
.appbody-container .tabs .items .avt{display:block; height:200px; overflow:hidden; text-align:center;}
.appbody-container .tabs .items .avt img{width:100%; height:auto;}
.appbody-container .tabs .items .title{font-size:14px; display:block; width:100%; height:18px; line-height:18px; margin-top:10px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.appbody-container .tabs .items .date{line-height:20px; text-align:center;}
.appbody-container .tabs .items .install{text-align:center;}
/*more-btn*/
.appbody-container .more-btn{width:100%; margin:15px 0;}
.appbody-container .more-btn a{display:block; width:323.33px; height:45px; line-height:45px; font-size:14px;background-color:#fff; box-shadow:0 1px 3px #ddd; border:1px solid #ddd; float:left; text-align:center; color:#333;}
.appbody-container .more-btn .more-template{margin:0 15px;}
.appbody-container .more-btn a i{display:inline-block; font-size:14px; color:#777; margin-left:10px;}
/*分类*/
.appbody-container .cate-list .panel{padding:15px 0 15px 15px; margin-bottom:15px;}
.appbody-container .cate-list dl{padding-left:70px; position:relative; margin:0;}
.appbody-container .cate-list dt{font-size:14px; line-height:30px; font-weight:bolder; position:absolute; left:0; top:0; display:inline;}
.appbody-container .cate-list dd{white-space: nowrap; word-wrap: normal; word-break: normal; text-overflow: ellipsis; float: left; margin: 0 14px; line-height:30px;}
.appbody-container .cate-list dd a{color:#333;}
/*footer*/
.footer{text-align:center; margin-top:50px; padding:20px; background-color:#333; color:#989898;}
.footer a{color:#989898; display:inline-block; padding:8px;}
.footer a:hover{color:#237ded;}
.footer span.pipe{display:inline-block; margin:0 5px; color:#989898;}
/*toTop*/
.toTop{width:50px; height:50px; text-align:center; color:#FFF; position:fixed; bottom:28px; right:30px; display:none; z-index:999; background: #999; cursor:pointer;}
.toTop i{font-size:40px; margin-top:3px;}
.toTop:hover{background:#888; opacity : 0.7;}
/*模板模块服务列表页*/
.aside{width:175px; overflow:hidden;}
.aside li,.aside .title{height:34px; line-height:34PX;}
.aside .title a{font-size:16px; color:#333; display:block; padding-left:45px;}
.aside li a{display:block; box-sizing:border-box; border-left:3px solid transparent; color:#666; padding-left:45px;}
.aside li.active a{border-left-color:#237ded; background-color:#e1e2e4;}
.list-container{width:810px; overflow:hidden;}
.list-container .list-item{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:25%; height:90px; float:left; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding-left:84px; position:relative;}
.list-container .list-item .icon{position:absolute; left:12px; top:12px;}
.list-container .list-item .icon img{width:64px; height:64px; border-radius:6px;}
.list-container .list-item .desc .title{display:block; font-size:14px; color:#000; margin-top:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-container .list-item .desc .author,.list-container .list-item .desc .buy-num{display:block; margin-top:4px; line-height:16px;}
.list-container .list-item .desc .hover-btn{position:absolute; left:84px; bottom:13px; z-index:10; display:none;}
.list-container .list-item:hover .hover-btn{display:block;}
.list-container .list-item .desc .hover-btn .btn{padding:3px 12px;}
.list-container .list-item.template{width:25%; height:326px; padding:12px;}
.list-container .list-item.template .img{display:block; height:230px; overflow:hidden; text-align:center;}
.list-container .list-item.template img{width:100%; height:auto;}
.list-container .list-item.template .desc .hover-btn{left:111px; display:inline-block;}
.list-container .list-item .desc .original-cost{display:block; margin-top:4px; line-height:16px;}
.list-container .list-item.service .origin-cost,.list-container .list-item .app-default-price{display:block; line-height:20px; margin-top:25px;}
.list-container .list-item.template .app-default-price{margin-top:18px;}
.filter{margin-bottom:17px; line-height:24px;}
.filter a{padding:0;}
.filter a:hover{color: #237ded; background-color: #fff; border-color: #237ded;}
.filter a.btn-active{border-color: #237ded;}
.filter a span{display:inline-block; width:100%; height:100%; padding:2px 5px;}
.filter a span.active{color:#fff; background-color:#237ded;}
.filter input[type=checkbox]{-webkit-appearance: none; outline:none; appearance: none; width: 22px; height: 22px; margin: 0 0 2px 10px; padding:0; cursor: pointer; vertical-align: middle; background: url(../images/blue.png) no-repeat; border: none; background-position: -24px 0; position: relative}
.filter input[type=checkbox]:active {border:0; outline:none; background-position: -48px 0;}
.filter input[type=checkbox]:hover {outline:none; background-position: -24px 0;}
.filter input[type=checkbox]:checked{outline:none; background-position: -48px 0;}
.filter label{margin-bottom:0; font-weight:400; cursor:pointer; display:inline-block; background:#fff; height:23px; line-height:22px; padding: 0 10px; margin-left: -3px;}
/*应用详情页，作者详情页*/
.apply-detail,.author-detail{padding:0 0 60px; box-shadow:0 1px 3px #ccc; background:#fff;}
.apply-detail .detail-top,.author-detail .detail-top{overflow:hidden; border:1px solid #ddd; background-color:#fff; padding:0 0 20px 20px;}
.apply-detail .detail-top>div,.author-detail .detail-top>div{float:left;}
.apply-detail .detail-top .det-icon,.author-detail .detail-top .det-icon{width:100px; height:100px; border-radius:10px; background-color:#f5f5f5; margin:20px 20px 0 0;}
.apply-detail .detail-top .det-icon img,.author-detail .detail-top .det-icon img{width:72px; height:72px; border-radius:10px; margin:14px;}
.apply-detail .detail-top .det-desc,.author-detail .detail-top .det-desc{width:510px; margin:17px 0 0 20px;}
.apply-detail .detail-top .name,.author-detail .detail-top .name{line-height:30px; font-size:24px; vertical-align: middle;}
.apply-detail .detail-top .name .copy,.author-detail .detail-top .name .copy{font-size: 18px;}
.apply-detail .detail-top .grade{height:25px; line-height:25px; margin-top:10px;}
.apply-detail .detail-top .grade .star{display:inline-block; margin-right:10px; margin-left:-5px;}
.apply-detail .detail-top .buy,.author-detail .detail-top .info{margin-top:14px;}
.apply-detail .detail-top .btn-branch:hover{color:#fff;}
.apply-detail .detail-top .buy span,.apply-detail .detail-type span,.author-detail .info span{display:inline-block; margin-right:20px;}
.apply-detail .detail-top .buy span,.apply-detail .detail-type .label-type{margin-right:5px;}
.apply-detail .detail-top .buy span em,.apply-detail .detail-type span em,.author-detail .info span em{font-style:normal; display:inline-block; margin:0 3px;}
.apply-detail .detail-top .recharge-versions .btn{display:inline-block; margin-top:5px;}
.apply-detail .detail-top .det-btn{display:inline-block; margin:31px 0 0 95px; width:160px;}
.apply-detail .detail-top .det-btn i{display:inline-block; margin-right:10px;}
.apply-detail .detail-top .det-btn .btn:nth-of-type(2){margin-top:14px;}

.apply-detail .detail-nav{border-bottom:1px solid #ddd;}
.apply-detail .detail-nav li{width:25%; float:left; border-left:1px solid #d3d3d3; text-align:center; border-top:1px solid #ddd; background: -webkit-linear-gradient(top,#fcfcfc 0,#f0f0f0 100%); background: -moz-linear-gradient(top,#fcfcfc 0,#f0f0f0 100%); background: linear-gradient(top,#fcfcfc 0,#f0f0f0 100%);}
.apply-detail .detail-nav li:last-child{border-right:1px solid #d3d3d3;}
.apply-detail .detail-nav li a{color:#333; display:inline-block; width:100%; height:100%;  padding:10px 0; border:1px solid transparent;}
.apply-detail .detail-nav li a:focus,.apply .category-nav li a:active{background-color:#fff;}
.apply-detail .detail-nav li.active{background:#fff; border-top:0;}
.apply-detail .detail-nav li.active a{border-top:2px solid #237ded;}

.apply-detail .detail-type{margin:10px;}
.apply-detail .btn-install-app:hover {color: #ffffff}
.apply-detail .detail-body,.author-detail .detail-body{padding:14px 20px 0; overflow:hidden;}
.apply-detail .detail-body .related-app li,.author-detail .detail-body .app-list li{width:310px; height:96px; float:left; list-style:none; margin:10px 15px 0 0; box-shadow: 0 1px 1px #ccc; background:#f5f5f5; padding:12px 12px 12px 96px; position:relative; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.apply-detail .detail-body .related-app li:nth-child(3n),.author-detail .detail-body .app-list li:nth-child(3n){margin-right:0;}
.apply-detail .detail-body .related-app li img,.author-detail .detail-body .app-list li img{width:72px; height:72px; border-radius:6px; position:absolute; left:12px; top:12px;}
.apply-detail .detail-body .related-app li .info .title:hover,.apply-detail .detail-body .related-app li .info .btn:hover,.author-detail .detail-body .app-list li .title:hover,.search-list li .info .title:hover{color:#237ded;}
.apply-detail .detail-body .related-app li .info .title,.author-detail .detail-body .app-list li .title,.search-list li .info .title{display:block; width:100%; overflow:hidden; color:#333; height:20px; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
.apply-detail .detail-body .related-app li .info .install-count,.search-list li .info .install-count{display:block; width:100%; overflow:hidden; color:#999; margin:3px 0;}
.apply-detail .detail-body .comments .content li{border-bottom:1px solid #dcdcdc; padding:15px; zoom:1; line-height:25px;}
.apply-detail .detail-body .comments .content li .cont{margin-top:6px;}
.apply-detail .detail-body .comments .content li .site{margin-top:3px;}
.apply-detail .detail-body .comments .content li .replay a{display:inline-block; margin:6px 10px 0 0;}
.apply-detail .detail-body .comments .more{margin-top:15px;}
.apply-detail .detail-body .comments .more a{padding:8px 40px;}
.apply-detail .detail-body .comments .popover{max-width:800px; width:600px;}
.apply-detail .detail-body .comments .popover .con div {margin-top:10px;}
.apply-detail .detail-body .comments .popover .grade{margin:10px 0;}
.apply-detail .detail-body .document .cont{overflow:hidden; position:relative;}
.author-detail .detail-body .nav-secondary{height:50px;}
.author-detail .detail-body .nav-secondary ul{padding-top:10px;}
.author-detail .detail-body .app-list li .info{position:relative;}
.author-detail .detail-body .app-list .det-btn{position:absolute; bottom:-10px; left:0; display:none; }
.author-detail .detail-body .app-list li .install-count{display:block; width:100%; overflow:hidden; color:#999; margin:5px 0;}
.author-detail .detail-body .app-list li:hover .det-btn{display:block;}
.author-detail .detail-body .app-list li .btn:hover,.search-list li .btn:hover{color:#fff;}

/*搜索页*/
.search-nav li{width:140px; text-align:center;}
.search-nav li a{color:#333;}
.search-list li{width:323.33px; height:125px; float:left; list-style:none; margin:10px 15px 0 0; box-shadow: 0 1px 1px #ccc; background:#fff; padding:12px 12px 12px 120px; position:relative; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.search-list li:nth-child(3n){margin-right:0;}
.search-list li .icon{display:inline-block; width:100px; height:100px; background-color:#f5f5f5; border-radius:10px; position:absolute; left:10px; top:10px; padding:14px;}
.search-list li .icon img{width:72px; height:72px; border-radius:6px;}
.search-list li .info .title{display:block; width:100%; overflow:hidden; color:#333; height:25px; font-size:18px; white-space:nowrap; text-overflow:ellipsis;}
.search-list li .info .money{margin-bottom:4px;}
.search-list li .info .coupon-code{margin:12px 0px;}
.search-list li .info .install-count{display:block; width:100%; overflow:hidden; color:#999; margin:3px 0;}
.search-list li.template{height:204px; padding-left:170px;}
.search-list li.template .img{height:180px; width:150px; position:absolute; left:10px; top:10px; overflow:hidden;}
.search-list li.template .img img{width:100%;}
.search-list li.template .info .title,.search-list li.template .info .author, .search-list li.template .info .money,.search-list li.template .info .install-count{margin-bottom:30px;}




